<template>
	<view class="">

		<tn-toast ref="toast"></tn-toast>
		<!-- 	<view class=""  v-if="isAndroid">
					
				</view> -->
		<!-- <scroll-view scroll-y="true" class="contents" :enhanced="true" :bounces="false" :show-scrollbar="false"> -->
		<view class="content">
			<view class="content_top">
				<image class="background-image" src="../../static/img/bg.png"></image>

			</view>
			<view class="content_bottom">
				<view class="content_bottom_title">
					基本信息 <span>(必填)</span>
				</view>
				<view class="content_bottom_form">
					<view class="content_bottom_form_phone">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 手机号
						</view>
						<view class="content_bottom_form_phone_right">
							{{phoneNumber}}
						</view>
					</view>
					<view class="content_bottom_form_idcard">
						<view class="content_bottom_form_idcard_top">
							<view class="content_bottom_form_idcard_left">
								<span class="content_bottom_form_idcard_left_rule">*</span> 身份证附件
							</view>
							<view class="content_bottom_form_phone_right"
								style="margin-left: 33rpx;font-size: 32rpx;font-weight: 700; color: #ffffff;background: #1406ec;padding: 4px 16rpx;border-radius: 5px;"
								@click="toidcard()">
								点认证
							</view>
						</view>
						<view class="content_bottom_form_idcard_bottom" v-if=" peoIDcard !==''">

							<view class="content_bottom_form_idcard_bottom_just">
								<view class="content_bottom_form_idcard_bottom_just_left">
									<view class="content_bottom_form_idcard_bottom_just_left_title">
										人像面
									</view>
									<view class="content_bottom_form_idcard_bottom_just_left_notice">
										上传您的身份证人像面
									</view>
								</view>
								<view v-if="DOWNLOADURL==''" class="content_bottom_form_idcard_bottom_just_right">
									<image src="../../static/img/just.png" mode="widthFix" style="width: 300rpx;">
									</image>

								</view>
								<view v-else class="content_bottom_form_idcard_bottom_just_right">
									<image :src="DOWNLOADURL" mode="widthFix" style="width: 300rpx;">
									</image>

								</view>
							</view>
							<view class="content_bottom_form_idcard_bottom_just" style="margin-top: 28rpx;">
								<view class="content_bottom_form_idcard_bottom_just_left">
									<view class="content_bottom_form_idcard_bottom_just_left_title">
										国徽面
									</view>
									<view class="content_bottom_form_idcard_bottom_just_left_notice">
										上传您的身份证国徽面
									</view>
								</view>

								<view v-if="DOWNLOADURLDown ==''" class="content_bottom_form_idcard_bottom_just_right">
									<image src="../../static/img/bei.png" mode="widthFix" style="width: 300rpx;">
									</image>

									<!-- <tn-image-upload :customBtn="true" :maxCount="1">
												<view slot="addBtn" class="tn-image-upload__custom-btn"
													hover-class="tn-hover-class" hover-stay-time="150">
													
			
												</view>
											</tn-image-upload> -->
								</view>
								<view v-else class="content_bottom_form_idcard_bottom_just_right">
									<image :src="DOWNLOADURLDown" mode="widthFix" style="width: 300rpx;">
									</image>

									<!-- <tn-image-upload :customBtn="true" :maxCount="1">
												<view slot="addBtn" class="tn-image-upload__custom-btn"
													hover-class="tn-hover-class" hover-stay-time="150">
													
													
												</view>
											</tn-image-upload> -->
								</view>
							</view>
						</view>


					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 姓名
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #EDEDED;border-radius: 10rpx;">
							<tn-input placeholder="根据身份证识别" :border="true" :disabled="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="peoname" />
						</view>
					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 身份证号
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #EDEDED;border-radius: 10rpx;">
							<tn-input placeholder="根据身份证识别" :border="true" :disabled="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="peoIDcard" />
						</view>
					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 性别
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #EDEDED;border-radius: 10rpx;">
							<tn-input placeholder="根据身份证识别" :border="true" :disabled="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="peoplesex" />
						</view>
					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 年龄
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #EDEDED;border-radius: 10rpx;">
							<tn-input placeholder="根据身份证识别" :border="true" :disabled="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="peoage" />
						</view>
					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 民族
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #EDEDED;border-radius: 10rpx;">
							<tn-input placeholder="根据身份证识别" :border="true" :disabled="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="peomin" />
						</view>
					</view>
					<view class="content_bottom_form_idcard">
						<view class="content_bottom_form_idcard_top">
							<view class="content_bottom_form_idcard_left">
								<span class="content_bottom_form_idcard_left_rule">*</span> 现场自拍照
							</view>
							<view class="">

							</view>
						</view>
						<view class="content_bottom_form_idcard_bottom">

							<view class="content_bottom_form_idcard_bottom_just" style="margin-top: 28rpx;">
								<view class="content_bottom_form_idcard_bottom_just_left">
									<view class="content_bottom_form_idcard_bottom_just_left_title">
										现场自拍照
									</view>
									<view class="content_bottom_form_idcard_bottom_just_left_notice">
										上传现场自拍照
									</view>
								</view>
								<view v-if="photo==''" class="content_bottom_form_idcard_bottom_just_right"
									@click="togetphoto()">
									<!-- 	<image src="../../static/img/setphoto.png" mode="widthFix" style="width:203rpx;">
									</image> -->
									<image src="../../static/img/avtor.png"  style="width:203rpx;height: 180rpx;">
									</image>

									<!-- 	<tn-image-upload :customBtn="true" :maxCount="1">
												<view slot="addBtn" class="tn-image-upload__custom-btn"
													hover-class="tn-hover-class" hover-stay-time="150">
												
												</view>
											</tn-image-upload> -->
								</view>
								<view v-else class="content_bottom_form_idcard_bottom_just_right"
									style="position: relative;">
									<view class="delphoto" @click="delphoto()"
										style="position: absolute;right: 1px;top: 1px;z-index: 99999;color: red;font-size: 20px;">
										<text class="tn-icon-delete"></text>
									</view>
									<image @click="onImageClick(photo)" :src="photo"
										style="width:203rpx;height: 183rpx;"></image>
								</view>
							</view>
						</view>


					</view>

					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 文化程度
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #ffffff;border-radius: 10rpx;">
							<tn-input @click="whshow = true" :showRightIcon="true" rightIcon="right"
								placeholder="请选择文化程度" :disabled="true" :border="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="wxcd" />
							<tn-select style="text-align: center;" :searchShow="false" v-model="whshow" mode="single"
								:list="list" @confirm="confirm"></tn-select>
						</view>
					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 紧急联系人姓名
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #ffffff;border-radius: 10rpx;">
							<tn-input @blur="checkJxname" placeholder="请输入紧急联系人姓名" :border="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" v-model="jxname" />
						</view>
					</view>
					<view class="content_bottom_form_phone" style="margin-top: 40rpx;">
						<view class="content_bottom_form_phone_left">
							<span class="content_bottom_form_phone_left_rule">*</span> 紧急联系人电话
						</view>
						<view class="content_bottom_form_phone_right"
							style="background-color: #ffffff;border-radius: 10rpx;">
							<tn-input pattern="\d*" @blur="validatePhoneNumber" inputmode="numeric" type="number"
								placeholder="请输入紧急联系人电话" :border="true" :trim="true"
								:customStyle="{ backGround: '#EDEDED' }" :required="true" v-model="jjnum"
								:maxLength='11' />
						</view>
					</view>
					<view class="content_bottom_form_idcard">
						<view class="content_bottom_form_idcard_top">
							<view class="content_bottom_form_idcard_left" style="flex:  0 0 27%;">
								<span class="content_bottom_form_idcard_left_rule">*</span> 上传签名
							</view>
							<view class="">

							</view>
						</view>
						<view class="content_bottom_form_idcard_bottom">

							<view class="content_bottom_form_idcard_bottom_just"
								style="margin-top: 28rpx;justify-content: center;padding: 64rpx 0;align-items: center;">
								<view class="" v-if="fsignPhoto==''" style="display: flex;" @click="tofSignature()">
									<view class="qianimg">
										<image src="../../static/img/qian.png" 
											style="width: 28rpx;vertical-align: middle;height: 28rpx;"></image>
									</view>
									<view class="qianimg_title">
										点击添加签名
									</view>
								</view>
								<view class="" @click="tofSignature()" v-else>
									<view class="" style="height: 153rpx;">
										<image :src="fsignPhoto" mode="widthFix"
											style="width: 116rpx; middle;transform: rotate(270deg); height: 375rpx;    margin-top: -38rpx;">
										</image>
									</view>

								</view>
							</view>



						</view>


					</view>

				</view>

				<view class="submit">
					<view class="submit_btn" @click="submit()">
						<span>提交信息</span>
					</view>
				</view>

			</view>
		</view>
		<!-- </scroll-view> -->


	</view>

</template>

<script>
	import {
		BASE_URL
	} from '../../utils/request.js'

	export default {
		data() {

			return {
				typenum: 'number',
				fsignPhoto: '',
				wxcd: '',
				peoname: "",
				peoIDcard: '',
				peoplesex: '',
				peoage: '',
				peomin: '',
				phoneNumber: '',
				jxname: '',
				jjnum: '',
				tempFilePath: '',
				DOWNLOADURL: '',
				DOWNLOADURLDown: '',
				photo: '',
				form: {
					name: '',
					intro: '',
					sex: '',
					hobby: [],
					radio: '',
					security: false
				},
				whshow: false,
				list: [],
				checkboxList: [{
						name: '编程',
						checked: false,
						disabled: false
					},
					{
						name: '羽毛球',
						checked: false,
						disabled: false
					},
					{
						name: '篮球',
						checked: false,
						disabled: false
					}
				],
				radioList: [{
						name: '小学',
						disabled: false
					},
					{
						name: '大学',
						disabled: false
					}
				]
			}
		},
		created() {
			console.log('加载了11')
		},
		onLoad(options) {
			if (uni.getStorageSync('SID') == '') {
				uni.removeStorageSync('savedData');
				uni.removeStorageSync('lwphotoName');
				uni.removeStorageSync('photoBOID');
				uni.removeStorageSync('lwphoto');
				uni.removeStorageSync('DOWNLOADURLDown');
				uni.removeStorageSync('DOWNLOADURL');
				uni.removeStorageSync('DOWNLOADURLName');
				uni.removeStorageSync('AGE');
				uni.removeStorageSync('ID_CARD');
				uni.removeStorageSync('NATION');
				uni.removeStorageSync('SEX');

				uni.removeStorageSync('USER_NAME');
				uni.removeStorageSync('fsignPhoto');
				uni.removeStorageSync('fsignPhotoName');
				uni.removeStorageSync('BOID');
				uni.removeStorageSync('photoBOID');
			}
			this.refreshData();
			// const scrollHeight = uni.getStorageSync('scrollHeight');
			//     if (scrollHeight) {
			// 	console.log(scrollHeight,'scrollHeight')
			//       uni.pageScrollTo({
			//         scrollTop: scrollHeight,
			//         duration: 0 // 滚动到指定位置时不需要动画
			//       });
			//       uni.removeStorageSync('scrollHeight');
			//     }

		},
		onShow() {
			console.log('页面显示了');
			this.refreshData();
			this.getdict();
		},
		onHide() {
			console.log('页面效果了')
			// 保存数据到本地存储
			const dataToSave = {
				idCardInfo: this.jxname,
				filledInfo: this.jjnum
			};
			uni.setStorageSync('savedData', dataToSave);
		},
		onBackPress() {
			return true;
		},
		mounted() {
			this.getdict();

		},

		methods: {
			checkJxname() {
				if (this.jxname === this.peoname) {
					this.$refs.toast.show({

						content: '紧急联系人姓名不能与当前登录人一致',
						icon: 'error', // 不显示图标
						duration: 2000 // 显示时长 2000ms
					});
					this.jxname = '';
				}
			},
			async delphoto() {
				try {
					const url = '/portal/r/w'; // 替换为你的 API 地址
					const params = {
						// 构造你的请求参数
						sid: uni.getStorageSync('SID'),
						boId: uni.getStorageSync('photoBOID'),
						cmd: 'com.apps.sfeg.srm.removeFile',
						fieldName: 'RLZP_FJ'

					};

					// 发送 GET 请求
					const response = await this.$get(url, params);
					if (response.result == 'ok') {
						this.photo = '';
						uni.removeStorageSync('lwphoto');
					}



				} catch (error) {
					// 处理请求失败的逻辑
					console.error('请求失败', error);
				}
			},
			//提交
			async submit() {

				if (this.fsignPhoto && this.photo && this.DOWNLOADURL && this.DOWNLOADURLDown && this.jxname && this
					.jjnum && this.wxcd && this.peomin && this.peoage && this.peoplesex && this.peoIDcard) {

					try {
						const url = '/portal/r/w?cmd=com.apps.sfeg.srm.commit'; // 替换为你的 API 地址
						const json = {
							// 构造你的请求参数
							ID: uni.getStorageSync('BOID'),
							NATION: this.peomin + '族',
							USER_NAME: this.peoname,
							AGE: this.peoage,
							SEX: this.peoplesex,
							OPEN_ID: uni.getStorageSync('OPEN_ID'),
							UNIONID: uni.getStorageSync('UNIONID'),
							PHONE_NUMBER: this.phoneNumber,
							EDU_LEVEL: uni.getStorageSync('wxcdID'),
							CARD: this.peoIDcard,
							RLZP_FJ: uni.getStorageSync('lwphotoName'),
							SIGN: uni.getStorageSync('fsignPhotoName'),
							SFGL: uni.getStorageSync('SF_GL'),
							EMERGENCY_CONTACT: this.jxname,
							EMERGENCY_NUMBER: this.jjnum,
							ID_ATTACHMENT: uni.getStorageSync('fsignPhotoName') + '@@@@' + uni.getStorageSync(
								'fsignPhotoName'),
						};
						const param = {
							json: JSON.stringify(json)
						}
						// 发送 GET 请求
						const response = await this.$postimg(url, param);
						if (response.result == 'ok') {
							// console.log('请求成功学历', response.result);
							if ((this.peoage >= 60 && this.peoplesex === '男') || (this.peoage >= 50 && this
									.peoplesex === '女') || this.peoage < 18) {
								console.log('超龄');
								uni.redirectTo({
									url: '/pages/registSuccess/registSuccess?ageStatus=0'
								});
							} else if ((this.peoage >= 55 && this.peoplesex === '男') || (this.peoage >= 45 && this
									.peoplesex === '女')) {
								console.log('高龄');
								uni.redirectTo({
									url: '/pages/registSuccess/registSuccess?ageStatus=1'
								});
							} else {
								console.log('正常年龄');
								uni.redirectTo({
									url: '/pages/registSuccess/registSuccess?ageStatus=2'
								});

							}
						} else {
							console.log(response, 'response')
							this.$refs.toast.show({

								content: response.msg,
								icon: 'error', // 不显示图标
								duration: 2000 // 显示时长 2000ms
							});
						}





					} catch (error) {
						// 处理请求失败的逻辑
						console.error('请求失败', error);
					}
				} else {
					this.$refs.toast.show({

						content: '请完善所有信息',
						icon: 'error', // 不显示图标
						duration: 2000 // 显示时长 2000ms
					});
				}
			},
			refreshData() {
				console.log('加载了')
				this.peoname = uni.getStorageSync('USER_NAME');
				this.peoIDcard = uni.getStorageSync('ID_CARD');
				this.peoplesex = uni.getStorageSync('SEX');
				this.peoage = uni.getStorageSync('AGE');
				this.peomin = uni.getStorageSync('NATION');
				this.wxcd = uni.getStorageSync('wxcd');
				this.phoneNumber = uni.getStorageSync('phoneNumber');
				let fsignPhoto1 = uni.getStorageSync('fsignPhoto');

				if (fsignPhoto1 !== '') {
					this.fsignPhoto = BASE_URL + '/portal/r/' + uni.getStorageSync('fsignPhoto').slice(1);
				}
				let photo1 = uni.getStorageSync('lwphoto');
				if (photo1 !== '') {
					this.photo = BASE_URL + '/portal/r/' + uni.getStorageSync('lwphoto').slice(1);
				}
				let DOWNLOADURL1 = uni.getStorageSync('DOWNLOADURL');
				if (DOWNLOADURL1 !== '') {
					this.DOWNLOADURL = BASE_URL + '/portal/r' + uni.getStorageSync('DOWNLOADURL').slice(1);
				}
				let DOWNLOADURLDown1 = uni.getStorageSync('DOWNLOADURLDown');
				if (DOWNLOADURLDown1 !== '') {
					this.DOWNLOADURLDown = BASE_URL + '/portal/r' + uni.getStorageSync('DOWNLOADURLDown').slice(1);
				}

				const savedData = uni.getStorageSync('savedData');
				if (savedData) {
					this.jxname = savedData.idCardInfo;
					this.jjnum = savedData.filledInfo;
				}
			},
			validatePhoneNumber(value) {
				console.log(value, 'value')
				// 使用正则表达式验证手机号
				const phoneRegex = /^1[34578]\d{9}$/;
				if (!phoneRegex.test(value)) {
					this.$refs.toast.show({

						content: '请输入正确手机号',
						icon: 'error', // 不显示图标
						duration: 2000 // 显示时长 2000ms
					});
					this.jjnum = ''; // 清空输入
				} else if (value === this.phoneNumber) {
					this.$refs.toast.show({
						content: '紧急联系人电话不允许和本人电话一致',
						icon: 'error',
						duration: 2000,
					});
					this.jjnum = ''; // 清空输入
				}
			},
			async getdict() {
				try {
					const url = '/portal/r/w'; // 替换为你的 API 地址
					const params = {
						// 构造你的请求参数
						appId: 'com.awspaas.user.apps.sfeg.srm.contractworkers',
						dictKey: 'CHANGE_EDU_LEVEL',
						cmd: 'com.apps.sfeg.srm.dict',

					};

					// 发送 GET 请求
					const response = await this.$get(url, params);
					console.log('请求成功学历', response.result);
					let newlist = response.data.DICT;
					console.log(newlist, 'newlist')
					// 使用 map 方法遍历数组并转换对象
					const transformedArray = newlist.map(item => {
						return {
							label: item.CNNAME, // 将 CNNAME 属性改为 label
							value: item.ITEMNO, // 将 ITEMNO 属性改为 value
						};
					});

					// 将转换后的数组存储到 this.list 中
					this.list = transformedArray.reverse();


				} catch (error) {
					// 处理请求失败的逻辑
					console.error('请求失败', error);
				}
			},
			toidcard() {

				uni.navigateTo({

					url: '../idcard/idcard'
				});
			},
			onImageClick(imageUrl) {
				console.log(imageUrl, 'imageUrl')
				this.$previewSingleImage(imageUrl);
			},
			// 图片预览方法
			previewImage() {
				const current = this.photo;
				console.log(this.photo, 'this.photo')
				// 使用 uni.previewImage API 预览单张图片
				uni.previewImage({
					current: current, // 当前显示图片的链接
					// urls 数组只需要包含当前图片的URL，因为只预览一张
					urls: [current]
				});
			},
			togetphoto() {
				const query = uni.createSelectorQuery();
				query.selectViewport().scrollOffset(res => {

					uni.setStorageSync('scrollHeight', res.scrollTop);
					uni.navigateTo({
						url: '../camera/camera'
					});
				}).exec();

			},
			tofSignature() {
				const query = uni.createSelectorQuery();
				query.selectViewport().scrollOffset(res => {

					uni.setStorageSync('scrollHeight', res.scrollTop);
					uni.navigateTo({
						url: '../fSignature/fSignature'
					});
				}).exec();
				// uni.setStorageSync('scrollHeight', scrollTop);

			},
			confirm(e) {
				console.log(e, 'e');
				this.wxcd = e[0].label;
				uni.setStorageSync('wxcd', this.wxcd);
				uni.setStorageSync('wxcdID', e[0].value);
				console.log(this.wxcd, 'this.wxcd')
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #F8F9FD;
	}

	.contents {
		height: 100vh;
		width: 750rpx;
	}

	.content {
		width: 100%;
		height: 100vh;
		/* 占据整个视口高度 */
		display: flex;
		flex-direction: column;
		position: relative;
		/* 相对定位，以便子元素可以相对于它定位 */
	}

	.content_top {

		position: relative;
		/* 设置相对定位，以便子元素可以相对于它定位 */
		width: 100%;
		/* 宽度百分之百 */
		height: 500rpx;
		/* 设置高度 */
		overflow: hidden;

		/* 触发 BFC */
		.background-image {
			position: absolute;
			/* 设置绝对定位，让背景图充满整个父容器 */
			top: 0;
			left: 0;
			width: 100%;
			/* 宽度百分之百 */
			height: 100%;
			/* 高度百分之百 */
			object-fit: cover;
			/* 图片填充父容器 */
			z-index: -1;
			/* 将背景图放到底层 */
		}

		.content_top_box {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 33rpx 73rpx 0 73rpx;

			.content_top_box_left {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 48rpx;
				color: #FFFFFF;
			}

			.content_top_box_right {}
		}
	}

	.content_bottom {

		/* 自动填充剩余空间 */
		position: absolute;
		/* 绝对定位，覆盖在 .content_top 上方 */
		top: 200rpx;
		/* 位于父容器顶部下方 200rpx 处 */
		width: 100%;
		/* 宽度百分之百 */

		/* 高度占满父容器下方 */
		background-color: #F8F9FD;
		/* 背景色，可根据需要修改 */
		z-index: 0;
		border-top-left-radius: 50rpx;
		border-top-right-radius: 50rpx;
		padding: 33rpx 33rpx 200rpx 33rpx;

		.content_bottom_title {
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 44rpx;
			color: #333333;
			margin-bottom: 90rpx;

			span {
				font-size: 28rpx;
				color: #F01010;
				margin-left: 10rpx;
			}
		}

		.content_bottom_form {
			.content_bottom_form_phone {
				display: flex;
				align-items: center;

				.content_bottom_form_phone_left {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #333333;
					flex: 0 0 28%;
					text-align: right;

					.content_bottom_form_phone_left_rule {
						color: #E62B00;
						/* margin-left: 10rpx; */
						margin-right: 10rpx;
					}
				}

				.content_bottom_form_phone_right {
					flex: 1;
					/* flex: 0 0 40%; */
					margin-left: 33rpx;
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 32rpx;
					color: #666666;
				}
			}

			.content_bottom_form_idcard {
				margin-top: 50rpx;

				.content_bottom_form_idcard_top {
					display: flex;
					align-items: center;

					.content_bottom_form_idcard_left {
						flex: 0 0 28%;
						text-align: right;
						font-family: PingFang SC;
						font-weight: 500;
						font-size: 32rpx;
						color: #333333;

						.content_bottom_form_idcard_left_rule {
							color: #E62B00;
							margin-right: 10rpx;
						}
					}
				}

				.content_bottom_form_idcard_bottom {
					margin-top: 28rpx;

					.content_bottom_form_idcard_bottom_just {
						background: #FFFFFF;
						border-radius: 10rpx;
						border: 1px solid #EDEDED;
						/* align-items: center; */
						display: flex;
						padding: 28rpx;
						justify-content: space-between;

						.qianimg_title {
							font-family: PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #999999
						}

						.content_bottom_form_idcard_bottom_just_left {
							.content_bottom_form_idcard_bottom_just_left_title {
								font-family: PingFang SC;
								font-weight: 500;
								font-size: 28rpx;
								color: #333333;
							}

							.content_bottom_form_idcard_bottom_just_left_notice {
								font-family: PingFang SC;
								font-weight: 400;
								font-size: 28rpx;
								color: #999999;
								margin-top: 31rpx;
							}
						}
					}
				}
			}
		}

		/* 确保在 content_top 之下 */
		// display: flex;
		// justify-content: center;
		// align-items: center;






	}

	.submit_btn {
		text-align: center;
		margin-top: 109rpx;

		span {
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 40rpx;
			color: #FFFFFF;
			background: linear-gradient(90deg, #3A84FD 0%, #536AFF 100%);
			border-radius: 20rpx;
			padding: 25rpx 261rpx;
		}
	}
</style>